<template>
  <div>
    <NuxtLayout name="courent">
      <div class="flex">
        <NuxtLink to="/welcome">
          welcome
        </NuxtLink>
      </div>
      <div>
        <NuxtLink to="/default">
          default
        </NuxtLink>
      </div>
      <ClientOnly>
        <div>{{ $dayjs.utc().toString() }}</div>
        <div class="w-96 h-96">
          <LineChart />
        </div>
      </ClientOnly>
    </NuxtLayout>
  </div>
</template>

<script setup lang="ts">
const Dayjs = useDayjs()
</script>

<style lang="scss" scoped>
.ui-grid {
  @apply grid;
  @apply grid-cols-1 md:grid-cols-2;
  @apply gap-5;
}
</style>
